@import "common/var";
@import "mixins/mixins";

@include b(scrollbar) {
    position: relative;
    &:hover {
        .vl-scrollbar__virtual {
            opacity: 1;
        }
    }
    @include e(content) {
        &::-webkit-scrollbar {
            display: none;
        }
    }
    @include e(virtual) {
        opacity: 0;
        transition: opacity .34s ease-out;
    }
    @include e(thumb) {
        position: relative;
        display: block;
        width: 0;
        height: 0;
        cursor: pointer;
        border-radius: inherit;
        background-color: #909399;
        transition: .3s background-color;

        &:hover {
            background-color: #909399;
        }
    }
}